{% load staticfiles %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="{% static "css/style.css"%}"/>
    <link rel="stylesheet" type="text/css" href="http://libs.useso.com/js/bootstrap/3.2.0/css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="http://libs.useso.com/js/bootstrap/3.2.0/css/bootstrap-theme.min.css"/>
    
</head>
<body>
  <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container-fluid">
     <div class="navbar-header">
      <button class="navbar-toggle collapse" data-toggle="collapse" data-target="#navbar-collapse">
      <span class="sr-only">Togglenavigation</span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span></button>
     <a href="#" class="navbar-brand">蜗牛云</a>
     </div>
     <div class="collapse navbar-collapse" id="navbar-collapse">
     <ul class="nav navbar-nav">
         <li><a href="#">首页</a></li>
         <li><a href="#">php</a></li>
         <li><a href="#">phthon</a></li>
         <li><a href="#">nodejs</a></li>
         <li><a href="#">java</a></li>
         <li><a href="#">.net</a></li>
         <li><a href="#">html</a></li>
         <li class="dropdown"><a href="#" data-toggle="dropdown" class="dropdown-toggle">dropdown
                 <span class="caret"></span>
                 <ul class="dropdown-menu">
                     <li><a href="#">hehe</a></li>
                     <li><a href="#">xixi</a></li>
                     <li><a href="#">haha</a></li>
                 </ul>
             </a></li>
         <li><a href="/index/loginview/">登录</a></li>
         
     </ul>
     </div>
     </div>
 </nav> 

 <!--导航结束-->
 <div class="container">
       <div class="row">
           <div class="col-md-4">
               <form action="" class="form">
                   <div class="form-group">
                   <label for="">邮箱</label><input type="email" name="" id="email" class="form-control" data-toggle="tooltip" data-placement="right" data-original-title="请输入邮箱">
                   </div>
                   <div class="form-group">
                   <label for="">密码</label><input type="password" name="" id="password" class="form-control" data-toggle="tooltip" data-placement="right" data-original-title="请输入密码"> 
                   </div>
                   <div class="form">
                   <input type="submit" value="提交" class="btn btn-primary">
                   </div>
               </form>
           </div>
       </div>
   </div> 
<h3>按钮做的提示框</h3>
  <button type="button" 
          class="btn btn-default" 
          data-toggle="tooltip" 
          data-placement="left" 
          data-original-title="提示框居左" 
          title="">
  提示框居左      
  </button>
  <script src="http://libs.useso.com/js/jquery/1.11.1/jquery.min.js"></script>
    <script src="http://libs.useso.com/js/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script>
$('[data-toggle="tooltip"]').tooltip();
</script> 
</body>
</html>